<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>::Happy - DTAC Prepaid Phone::</title>
<link href="${RESOURCE}/css/global.css" rel="stylesheet" type="text/css">
<link href="${RESOURCE}/css/global-en.css" rel="stylesheet" type="text/css">
<link href="${RESOURCE}/css/customize.css" rel="stylesheet" type="text/css">
<script src="${RESOURCE}/eng/include/AC_RunActiveContent.js" type="text/javascript"></script>
<script language=JavaScript>


function printWindow(){


browserVersion = parseInt(navigator.appVersion)


if (browserVersion >= 4) document.print()



}

function include(xUrl,xId) {


  var xmlhttp = false;


  /*@cc_on @*/



  /*@if (@_jscript_version >= 5)


  // JScript gives us Conditional compilation, we can cope with old IE versions.



  // and security blocked creation of the objects.



  try {



    xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");



   } catch (e) {



      try {


        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");


      } catch (E) {


        xmlhttp = false;


      }


   }


  /*@end @*/


  if (!xmlhttp && typeof XMLHttpRequest!='undefined') {


    xmlhttp = new XMLHttpRequest();


  }

  xmlhttp.open("GET", xUrl,true);



  xmlhttp.onreadystatechange=function() {



          if (xmlhttp.readyState==4) {



                document.getElementById(xId).innerHTML = xmlhttp.responseText;



          }



  }



  xmlhttp.send(null)



}


function go() {



  document.form.submit();


}


function next() {


  var x = parseInt(document.form.selectedPage.value)+1;



  document.form.selectedPage.value=x;



  document.form.submit();



}



function prev() {



  var x = parseInt(document.form.selectedPage.value)-1;


  document.form.selectedPage.value=x;


  document.form.submit();


}


function prnt(){  


 document.open("/bp3/bin/Dspc/DpromptVasTopUp?func=print&period=<!--SVLT.VAR:period-->","printFriend","width=780,toolbar=1,directories=0,scrollbars=1,resizable=yes,menubar=yes" );



}                                

</script> 

</head>
<body>
<div id="header">
    <%@include file="../head.jsp" %>
</div>

<div id="container">
	<div id="pathway"><a href="/bp3/bin/DpromptIndex" class="link2">Web service</a> > <a href="/bp3/bin/Dspc/DpromptWelcome"  class="link2">Profile and Service</a>> <a href="/bp3/bin/Dspc/callDetl?blockSaveHitRate=T" class="link2">Itemised billing service</a> > VAS Package Application Fee</div>
	<div id="main">
    	<%@ include file="../menu.jsp" %>
    	<div id="content">
        	<div class="content-middle">
                
                <!--เนื้อหาเริ่มที่นี่-->
                <h3><img src="${RESOURCE}/eng/images/14_webservice_head01.gif"></h3>
               	<table width="100%" cellpadding="2" cellspacing="2" height="500">
                  	<tr>
                    	<td valign="top">
                        
                        						<form action="/bp3/bin/Dspc/DpromptVasTopUp" method="post" name="form"  id="form">

													<table width="650" border="0" cellspacing="0" cellpadding="0">

														<!--SVLT.VAR:CONF_TOP-->

													  <tr> 

													    <td height="40">

													     <!--SVLT.LOOP:ERROR_BOX-->

													     <br>

														  <table  border="0" cellspacing="0" cellpadding="2" width="100%">

																<tr> 

																  <td align="center"  class="textnormalred"><!--SVLT.VAR:ERROR_MSG--></td>

																</tr>

													  	</table>

																<br>

													  	<!--SVLT.END:ERROR_BOX-->

													    <table width="100%" border="0" cellspacing="3" cellpadding="0">

													        <tr> 

													          <td width="2%"><img src="${RESOURCE}/eng/images/14_webservice_bullet01.gif" width="9" height="9"></td>

													          <td width="98%" class="textnormal_bold"><img src="${RESOURCE}/eng/images/14_webservice_subtitle11.gif" width="350" height="22"></td>

													        </tr>

													      </table></td>

													  </tr>

													  <tr> 

													    <td height="30" align="left">Itemised billing from Happy lets you see the 

													            details of service usage, as shown<br> <br> <font color="#FF0000" class="textredsmall">**This 

													            document is for checking service usage only and may not be used for 

													            any other purposes. **</font></td>

													  </tr>

													  <tr> 

													    <td height="50" align="center" valign="bottom"><table width="100%" border="0" cellspacing="0" cellpadding="0">

													      <tr>

													        <td background="${RESOURCE}/eng/images/14_webservice_tabline.gif">&nbsp;</td>

													        <td width="101"><a href="/bp3/bin/Dspc/callDetl?mode=shr&func=show"><img src="${RESOURCE}/eng/images/14_calllog_tab01_i.gif" width="160" height="43" border="0"></a></td>

													        <td width="101"><a href="/bp3/bin/Dspc/DpromptItemizeBilling?mode=shr"><img src="${RESOURCE}/eng/images/14_calllog_tab02_i.gif" width="160" height="43" border="0"></a></td>
													        <td width="101"><a href="/bp3/bin/Dspc/refillCcb?mode=shr"><img src="${RESOURCE}/eng/images/14_calllog_tab03_i.gif" width="160" height="43" border="0"></a></td>

													        <td width="101"><img src="${RESOURCE}/eng/images/14_calllog_tab04_o.gif" width="162" height="43" border="0"></td>

													        <td background="${RESOURCE}/eng/images/14_webservice_tabline.gif">&nbsp;</td>

													      </tr>

													    </table></td>

													  </tr>

													  <tr> 

													    <td height="15" align="left"><br>

													      <span class="textnormal_bold">VAS Package Application Fee</span><br>

													      <br>

													      <table width="80%" border="0" align="center" cellpadding="2" cellspacing="5">

													        <tr> 

													          <td width="45%" align="right" class="textnormal_bold">Your application 

													            for:</td>

													          <td class="textnormal">

													          	<select name="period" id="period" onChange="go()">

															          <!--SVLT.LOOP:ym-->

															          <option value="<!--SVLT.VAR:value-->" <!--SVLT.VAR:selected-->><!--SVLT.VAR:name--></option>

															          <!--SVLT.END:ym-->

														            </select></td>

													        </tr>

													        <tr> 

													          <td align="right" class="textnormal_bold">Your Happy Mobile Number:</td>

													          <td class="textnormal"><!--SVLT.VAR:subrNumb--></td>

													        </tr>

													        <tr> 

													          <td align="right" class="textnormal_bold">Current Date and Time:</td>

													          <td class="textnormal"><!--SVLT.VAR:dateTime--></td>

													        </tr>

													      </table>

													      <br>

													      <table width="95%" border="0" align="center" cellpadding="2" cellspacing="2">

													        <tr> 

													          <td class="textnormalred">* This document is for checking service usage only and may not be used for any other purposes.</td>

													        </tr>

													      </table>

													      <br>

													      <table width="100%" border="0" align="center" cellpadding="2" cellspacing="2">

													        <tr> 

													          <td align="center" class="head"><img src="${RESOURCE}/eng/images/14_webservice_subtitle13.gif" width="350" height="22"></td>

													        </tr>

													      </table>

													      <table width="690" border="0" align="center" cellpadding="2" cellspacing="1">

													        <tr align="center" valign="middle"> 

													          <td colspan="11" class="head"><table width="100%" border="0" cellspacing="0" cellpadding="0">

													              <tr> 

													                <td height="1" bgcolor="#B4B4B4"></td>

													              </tr>

													            </table></td>

													        </tr>

													        <tr align="center" valign="middle"> 

													          <td width="50" rowspan="2" valign="middle" bgcolor="#FF0000" class="textnormalwhite_bold">VAS<br>

													            Promotion</td>

													          <td width="30" rowspan="2" valign="middle" bgcolor="#FF0000" class="textnormalwhite_bold">Item 

													            <br>

													            No.</td>

													          <td width="55" rowspan="2" valign="middle" bgcolor="#FF0000" class="textnormalwhite_bold">Date</td>

													          <td width="62" rowspan="2" valign="middle" bgcolor="#FF0000" class="textnormalwhite_bold"> 

													            Time</td>

													          <td width="134" rowspan="2" valign="middle" bgcolor="#FF0000" class="textnormalwhite_bold">Package</td>

													          <td width="72" rowspan="2" valign="middle" bgcolor="#FF0000" class="textnormalwhite_bold">Application<br>

													            Fee</td>

													          <td width="62" rowspan="2" valign="middle" bgcolor="#FF0000" class="textnormalwhite_bold">VAS 

													            <br>

													            Type</td>

													          <td width="20" rowspan="2" valign="middle" bgcolor="#FF0000" class="textnormalwhite_bold">Times</td>

													          <td colspan="2" bgcolor="#FF0000" class="textnormalwhite_bold">Happy internet</td>

													          <td width="72" rowspan="2" valign="middle" bgcolor="#FF0000" class="textnormalwhite_bold">Package<br>

													            Expiry<br>

													            Date</td>

													        </tr>

													        <tr align="center" valign="middle"> 

													          <td width="62" bgcolor="#FF0000" class="textnormalwhite_bold">(Min)</td>

													          <td width="62" bgcolor="#FF0000" class="textnormalwhite_bold">(KB)</td>

													        </tr>

													        <tr align="left" valign="top"> 

													          <td colspan="11"> <table width="100%" border="0" cellspacing="0" cellpadding="0">

													              <tr> 

													                <td height="1" bgcolor="#B4B4B4"></td>

													              </tr>

													            </table></td>

													        </tr>

													        <!--SVLT.LOOP:cdr-->

													        <tr align="center" valign="top"> 

													          <td class="textnormal"><!--SVLT.VAR:header--></td>

													          <td class="textnormal"><!--SVLT.VAR:no--></td>

													          <td class="textnormal"><!--SVLT.VAR:date--></td>

													          <td class="textnormal"><!--SVLT.VAR:time--></td>

													          <td class="textnormal"><!--SVLT.VAR:package--></td>

													          <td class="textnormal"><!--SVLT.VAR:price--></td>

													          <td class="textnormal"><!--SVLT.VAR:type--></td>

													          <td class="textnormal"><!--SVLT.VAR:times--></td>

													          <td class="textnormal"><!--SVLT.VAR:minute--></td>

													          <td class="textnormal"><!--SVLT.VAR:kb--></td>

													          <td class="textnormal"><!--SVLT.VAR:expire--></td>

													        </tr>

													        <tr align="center" valign="top"> 

													          <td colspan="11"> <table width="100%" border="0" cellspacing="0" cellpadding="0">

													              <tr> 

													                <td height="1" bgcolor="#B4B4B4"></td>

													              </tr>

													            </table></td>

													        </tr>

													        <!--SVLT.END:cdr-->

																	<tr align="right" valign="top"> 

													        	<td colspan="11" align="right">

																		<span class="textnormal_bold"> Page 

																			<select name="selectedPage" id="selectedPage" onChange="go()">

													            	<!--SVLT.LOOP:list-->

													            	<option value="<!--SVLT.VAR:value-->" <!--SVLT.VAR:selected-->><!--SVLT.VAR:value--></option>

													            	<!--SVLT.END:list-->

													            </select> / <!--SVLT.VAR:allPage-->

																		</span></td>

																	</tr>

																	<tr align="right" valign="top"> 

																		<td colspan="4" align="left">

																  		<!--<span class="textnormal_bold"><a href="javascript:prnt()"><font class="textnormal"><u>Click here to print</u></font><img src="${RESOURCE}/tha/images/print_btn.gif" border="0"></a></span></div>--></td>

																		</td>

																		<td colspan="9" align="right">

																	    <!--SVLT.LOOP:isPrev-->

														          <a href="javascript:prev()"><img src="${RESOURCE}/eng/images/14_webservice_previous_btn.gif" border="0"></a>  

														          <!--SVLT.END:isPrev-->

														          <!--SVLT.LOOP:isNext-->

														          <a href="javascript:next()"><img src="${RESOURCE}/eng/images/14_webservice_next_btn.gif"  border="0"></a>

														        	<!--SVLT.END:isNext-->                                

																		</td>

																	</tr>

													      </table>

													      <br>

													      <br>

													      <br>

													      <img src="${RESOURCE}/eng/images/14_webservice_remark.gif" width="95" height="33"> 

													      <br>

													      <br>

													      <table width="95%" border="0" cellspacing="3" cellpadding="0">

													        <tr> 

													          <td width="2%" valign="baseline"><img src="${RESOURCE}/eng/images/bullet_grey.gif" width="9" height="9"></td>

													          <td width="98%" class="textnormal">The Itemised billing should not be 

													            taken as a report of current usage.</td>

													        </tr>

													        <tr> 

													          <td valign="baseline"><img src="${RESOURCE}/eng/images/bullet_grey.gif" width="9" height="9"></td>

													          <td class="textnormal">This document is for checking service usage only 

													            and may not be used for any other purposes</td>

													        </tr>

													        <tr> 

													          <td valign="baseline"><img src="${RESOURCE}/eng/images/bullet_grey.gif" width="9" height="9"></td>

													          <td class="textnormal">For Happy internet service, system will show minute or 

													            KB remaining of registered package. The charge will be calculated 

													            on minute basis or KB basis depending on your registered package.</td>

													        </tr>

													        <tr> 
													           <td valign="baseline"><img src="${RESOURCE}/eng/images/bullet_grey.gif" width="9" height="9"></td>
														   <td class="textnormal">You can check your Social Chat usage details at *101*4# free of charge.</td>
														</tr>

													      </table>

													      <p><br>

													        <br>

													        <br>

													      </p>


													  <!--SVLT.VAR:CONF_BOTTOM-->

													</table>

													</form>
                        
                        </td>
                 	</tr>
              	</table>                
                <!--เนื้อหาสิ้นสุดที่นี่-->
                
            </div>
            <div class="content-bottom"></div>
        </div>
    </div>
</div>
<div id="footer">
<img src="${RESOURCE}/eng/images/copy_right.jpg" />
<a href="http://www.dtac.co.th" target="_blank"><img src="${RESOURCE}/eng/images/dtact_logo.jpg" border="0" /></a>
<a href="http://www.happyvirus.com" target="_blank"><img src="${RESOURCE}/eng/images/virus_icon.jpg" border="0" /></a>
</div>
</body>
</html>
